
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,del,dfn,em,img,ins,kbd,q,samp,small,strong,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,footer,header,nav,section {margin:0; padding:0; border:0; outline:0; font-size:100%; font-family:sans-serif; background:transparent; font-family:"微软雅黑"}
sup {font-size:60%; vertical-align:top}
ul,ol,li {list-style:none}
body {-webkit-text-size-adjust:none; text-size-adjust:none; font-size:14px; line-height:1.5em}
.cf {*zoom:1}
.cf:after {clear:both;content:"\20";height:0;display:block}
#wrap {background:#eeeeee}
#content {box-sizing:border-box}
/*头部*/
header {height:50px; width:100%; position:fixed; z-index:200; left:0; top:0; background:rgba(0,0,0,.3); display:block}
header h1 {left:15px; top:9px; position:absolute; display:block; height:33px; width:125px; overflow:visible}
header h1:before {content:""; display:block; position:absolute; right:-10px; bottom:0; width:1px; height:25px; background:#fff; transform:scaleX(0.5); -webkit-transform:scaleX(0.5)}
header .logo {text-indent:-9999px; display:block; height:33px; width:125px; background:url(img/logo.png) no-repeat left top; background-size:auto 33px}
header .list {left:150px; position:absolute; display:block; bottom:5px; padding:5px 20px 5px 10px; height:18px; line-height:18px; color:#fff; text-decoration:none}
header .list i {position:absolute; width:16px; height:9px; background:url(img/arrowD.png) no-repeat center; background-size:auto 9px; top:9px; right:2px}
.newsList2 header {background:#2a2a2a}

/*新闻列表*/
.newsList1 .swipe {overflow:hidden; visibility:hidden; position:fixed; left:0; top:0; background:#333}
.newsList1 .swipe-wrap {overflow:hidden; position:relative; height:100%}
.newsList1 .swipe-wrap > li {float:left; width:100%; height:100%; position:relative; background-size:cover; background-repeat:no-repeat}
.bgBlack:after,.bgGrey:after,.bgBlue:after,.bgGreen:after {display:none !important}
.bgBlack {background:url(img/bg/default_black.png)}
.bgGrey {background:url(img/bg/default_grey.png)}
.bgBlue {background:url(img/bg/default_blue.png)}
.bgGreen {background:url(img/bg/default_green.png)}
.newsList1 li {position:relative; overflow:hidden; background-position:center; background-size:cover}
.newsList1 li:after {content:""; position:absolute; left:0; bottom:0; width:100%; height:80%; background:linear-gradient(0deg,rgba(0,0,0,.8)0%,rgba(0,0,0,0)50%)}
.newsList1 li section {position:absolute; width:100%; z-index:2; margin-bottom:-20px; color:#fff; text-shadow:0 0 6px rgba(0,0,0,.5); line-height:1.5em}
.newsList1 li section a {color:#fff; text-decoration:none; display:block; padding:10px 20px 30px; background:rgba(0,0,0,.5)}
.newsList1 li section h3 {margin-bottom:10px}
.newsList1 li section h3 span {font-size:16px; margin:3px 10px 3px 0; display:inline; vertical-align:middle; width:auto; opacity:1}
.newsList1 li section h2 {margin-bottom:10px; border-bottom:1px solid #fff; display:block; font-size:14px; padding-bottom:5px}
.newsList1 li section p {margin-bottom:10px; opacity:.7}
.newsList1 li section span {display:inline-block; font-size:12px; opacity:.7}
.newsList1 li section span.from {padding-right:20px; position:relative}
.newsList1 li section span.from:before {content:""; display:block; width:1px; height:14px; position:absolute; top:0; right:10px; background:#fff; transform:scaleX(0.5)}
.newsList1 .swipeNum {position:fixed; z-index:99; left:50%; bottom:10px}
.newsList1 .swipeNum li {width:8px; height:8px; border-radius:4px; background:#fff; opacity:.5; float:left; margin-left:8px}
.newsList1 .swipeNum li:after {display:none}
.newsList1 .swipeNum li.now {opacity:1}
.newsList1 .swipeNum .search {width:8px; height:8px; display:block; background-size:8px 8px; border-radius:0}
.newsDetail {background:#2a2a2a!important}
.newsDetail .newsDBG {opacity:.5}
.newsDetail #content {padding-top:90px}
.newsDetail .info {text-align:center; margin-bottom:20px}
.newsDetail .info span.from {pposition:relative; font-size:12px}
.newsDetail .info span.from+span:before {display:inline-block; content:''; height:14px; width:1px; background:#fff; transform:scaleX(.5); -webkit-transform:scaleX(.5); margin:0 8px; vertical-align:middle}
.newsDetail section {margin:0 20px; padding:20px 0 80px 0; position:relative; z-index:2; color:#fff; text-shadow:0 0 6px rgba(0,0,0,.5)}
.newsDetail section h2 {font-size:20px; line-height:22px; text-align:center; margin-bottom:10px}
.newsDetail .time {display:block; text-align:center; font-size:12px; margin-bottom:10px}
.newsDetail img {display:block; width:100%; box-sizing:border-box; border:#fff 1px solid}
.newsDBG {position:fixed; z-index:1; top:0; left:0; height:100%; width:100%; background-position:center; background-size:cover}
.video {position:relative}
.video:before {content:""; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; width:40px; height:40px; border-radius:20px; background:rgba(185,32,32,.8)}
.video:after {content:""; position:absolute; left:50%; top:50%; margin:-10px 0 0 -6px; border:transparent solid; border-width:10px 17px; border-left-color:#fff}
.moreArticle {position:fixed; z-index:3; bottom:20px; right:-233px; width:145px; height:43px; background:url(img/moreArticle.png); background-size:180px auto; color:#333; text-decoration:none; text-align:left; padding-left:35px; padding-top:10px}

.newsList1 .changeList {display:block; width:28px; height:23px; background-size:auto 23px; position:fixed; top:55px; right:10px; z-index:2; padding:5px}
.newsList1 .newType {background:#0074c0; padding:0 5px; box-shadow:1px 1px 1px rgba(0,0,0,.3) height:20px; line-height:20px; font-size:12px; display:inline-block}

.newsList2 {background:url(img/bg/bg1.png) !important}
.newsList2 #content {margin-top:50px}
.newsList2 .newsTypeList {padding:0 10px; position:fixed; z-index:97; top:50px; left:0; width:100%; box-sizing:border-box; background:rgba(0,0,0,.3); height:35px; line-height:35px}
.newsList2 .newsTypeList a.newsType {font-size:6px; display:block; padding:0 10px; width:4em; float:left; color:#8c8c8c; text-decoration:none; font-size:12px; position:relative}
.newsList2 .newsTypeList a.newsType.curr {color:#fff}
.newsList2 .newsTypeList a.newsType i {display:block; width:1px; height:12px; border-left:1px solid #3c3c3c; background:rgba(255,255,255,.3); transform:scaleX(0.5); position:absolute; top:11px; right:0}
.newsList2 .changeList {display:block; width:22px; height:18px; background:url(img/list_type_2.png) no-repeat center; background-size:22px auto; padding:5px; float:right; margin-top:3px; margin-right:-5px}
.newsList2 .newsContentList {padding-top:35px}
.newsList2 .newsContentList a {padding:15px 15px 0; position:relative; display:block; min-height:60px; text-decoration:none}
.newsList2 .newsContentList a img {display:block; width:90px; height:60px; margin-bottom:-60px}
.newsList2 .newsContentList a div {padding-left:100px; margin-bottom:5px}
.newsList2 .newsContentList a div span {display:inline-block; position:relative; padding-left:14px !important; width:auto; font-size:12px; line-height:12px; color:#aedef7}
.newsList2 .newsContentList a div span:before {position:absolute; display:block; content:""; width:1px; height:12px; left:6px; top:0; border-left:1px solid #3c3c3c; background:rgba(255,255,255,.3); transform:scaleX(.5); -webkit-transform:scaleX(.5)}
.newsList2 .newsContentList a h2 {color:#fff; font-size:12px; line-height:12px; display:inline; width:auto; position:relative}
.newsList2 .newsContentList a p {color:#00b2da; padding-left:100px; margin-bottom:10px; font-size:14px; line-height:16px; font-weight:bold}
.newsList2 .newsContentList a p+span {padding-left:100px}
.newsList2 .newsContentList a span {display:inline-block; font-size:12px; line-height:14px; height:14px; color:#8c8c8c; font-size:11px; position:relative}
.newsList2 .newsContentList a span.from {padding-left:100px}
.newsList2 .newsContentList a span.from+span {padding-left:12px}
.newsList2 .newsContentList a span.from+span:before {content:""; display:block; width:1px; height:12px; position:absolute; top:1px; left:4px; border-left:1px solid #3c3c3c; background:rgba(255,255,255,.3); transform:scaleX(.5)}
.newsList2 .newsContentList a:after {content:""; display:block; width:100%; height:1px; border-top:1px solid #3c3c3c; background:rgba(255,255,255,.2); transform:scaleY(.5); margin-top:10px}
.newsList2 p.newsTypeList {color:#8c8c8c}
.newsList2 p.newsTypeList strong {padding:0 5px; font-weight:normal; color:#fff}
.newsList2 .newsContentList .noImg div,.newsList2 .newsContentList .noImg p,.newsList2 .newsContentList .noImg span.from,.newsList2 .newsContentList .noImg span {padding:0}
.return {background:rgba(0,0,0,.15); height:35px; line-height:35px; position:fixed; display:block; top:50px; left:0; width:100%; z-index:98}
.return i {width:10px; height:18px; display:block; position:absolute; left:10px; top:9px; background:url(img/arrowL.png) no-repeat top; background-size:10px auto}


.searchDetail {margin-top:50px; height:100%; position:relative}
.searchInput {background:rgba(0,0,0,.3); padding:15px; position:relative}
.searchInput input {width:100%; height:40px; line-height:40px; font-size:16px; padding:7px 7px 8px 35px; box-sizing:border-box; background:#2a2a2a; color:#fff; border:1px solid #505050}
.searchInput a {width:35px; height:35px; background:url(img/searchInput.png) center no-repeat; background-size:35px 35px; position:absolute; left:15px; top:17.5px}
.searchDetail .lookAll {margin:0 15px; padding-left:20px; background:rgba(0,116,192,.4); height:40px; line-height:40px; text-align:center; display:block; position:relative; color:#fff; text-decoration:none}
.searchDetail .lookAll.hover {background-color:rgba(0,116,192,1)}
.searchDetail .lookAll:after {display:block; width:28px; height:23px; background-size:auto 23px; position:absolute; top:9px; left:50%; margin-left:-65px; content:""}


/*项目进度*/
.progress section {padding:104px 0 20px; position:relative; z-index:2; color:#fff}
.progress section h2 {font-size:20px; line-height:24px; text-align:center; margin-bottom:10px}
.progressBox {position:relative; padding:20px 0 40px}
.progressBox i {display:block; width:1px; height:100%; background:#aedef7; position:absolute; top:0; left:50%}
.progressBox i:before,.progressBox i:after {display:block; content:""; width:15px; height:3px; position:absolute; background:#aedef7; top:-3px; left:-7px}
.progressBox i:after {top:auto; bottom:-3px}
.progressBox .date {color:#fff; font-size:20px; line-height:27px; position:relative}
.progressBox .info {color:#b4b4b4; font-size:14px; line-height:18px; margin-bottom:3px; min-height:4.5em}
.progressBox .detail {color:#fff; font-size:12px; line-height:16px; margin-bottom:5px}
.progressBox .fr,.progressBox .fl {width:50%; display:block; margin-bottom:-45px; text-decoration:none; position:relative; clear:both; box-sizing:border-box; padding:10px 0}
.progressBox .fr {float:right; text-align:left; padding-right:20px}
.progressBox .fl {float:left; text-align:right; padding-left:20px}
.progressBox .fr p {padding-left:20px}
.progressBox .fl p {padding-right:20px}
.progressBox .fr:before,.progressBox .fl:before {width:10px; height:10px; display:block; position:absolute; content:""; border-radius:100%; left:-5px; top:18px; background:#aedef7}
.progressBox .fl:before {left:auto; right:-5px}
.progressBox .fr .date:before,.progressBox .fl .date:after {content:''; position:absolute; height:1px; width:7px; left:9px; top:13px; background:#fff}
.progressBox .fl .date:after {left:auto; right:9px}

.progressBox a.fl .date:before,.progressBox a.fr .date:after {content:''; display:inline-block; vertical-align:top; width:17px; height:17px; background-position:center; background-repeat:no-repeat; background-size:contain; margin:5px 7px}
.progressBox a.fl .textIcon:before,.progressBox a.fr .textIcon:after {background-image:url(img/textIcon.png); width:12px}
.progressBox a.fl .imageIcon:before,.progressBox a.fr .imageIcon:after {background-image:url(img/imgIcon.png)}

.progressText #content,.progressImage #content  {background:#2a2a2a; padding:0 20px 0; position:relative; box-sizing:border-box}
.progressText .close,.progressImage .close {display:block; position:fixed; right:23px; top:23px; width:30px; height:30px; background:rgba(42,42,42,.4) url(img/xxWhite.png) no-repeat center; background-size:30px 30px; z-index:5}
.progressText .date {color:#fff; font-size:24px; line-height:20px; margin-bottom:20px; padding-top:75px}
.progressText .info {color:#b4b4b4; font-size:16px; line-height:18px; margin-bottom:20px}
.progressText .detail {color:#fff; font-size:14px; line-height:22px; padding-bottom:20px}

.progressImage li {background-color:#2a2a2a; padding:0; position:relative; box-sizing:border-box; background-position:center; background-size:contain; background-repeat:no-repeat; position:relative}
.progressImage .swipe {overflow:hidden; visibility:hidden; position:fixed; left:0; top:0}
.progressImage .swipe-wrap {overflow:hidden; position:relative; height:100%}
.progressImage .swipe-wrap > li {float:left; width:100%; height:100%; position:relative}
.progressImage li section {position:absolute; z-index:2; bottom:4px; padding:10px 15px; color:#fff; background:rgba(42,42,42,.7); display:block; width:100%; box-sizing:border-box}
.progressImage section p {color:#fff; font-size:14px}
/*.progressImage .swipeNum li {height:4px; background:#2a2a2a; display:block; float:left}*/
.progressImage .swipeNum li {height:4px; display:block}
.progressImage .swipeNum {position:fixed; width:100%; background:#2a2a2a; z-index:99; left:0; bottom:0}
.progressImage .swipeNum li:after {display:none}
.progressImage .swipeNum li.now {background:#0074c0}


/*地图*/
.map,.map .fullScreenMap {height:100%; width:100%; overflow:hidden}
.map .return {top:0}
.map .startNav {position:fixed; z-index:99; top:5px; right:15px; width:68px; text-align:center; line-height:24px; height:24px; display:block; color:#fff; background:#0074c0; text-decoration:none}
.map #content {height:100%}
.map .fullScreenMap {background:#3c3c3c}


/*菜单*/
.menuIndex header {background-color:#2A2A2A}
.menuIndex #content {padding-top:50px; padding-bottom:1px; background:url(img/bg/bg1.png) center}
.menuIndex .banner {position:relative; display:block}
.menuIndex .banner:before {display:block; content:""; width:100%; height:50%; background:linear-gradient(0deg,rgba(0,0,0,0)0%,rgba(0,0,0,.8)100%); position:absolute; top:0; left:0; z-index:2}
.menuIndex .banner img {display:block; width:100%}
.menuIndex .banner h2 {width:100%; padding:0 20px; box-sizing:border-box; text-align:center; color:#fff; font-size:20px; line-height:1.2em; position:absolute; top:18px; left:0; z-index:5}
.menuIndex .banner h2 span {text-align:center; display:block; font-size:14px}
.menuIndex .menuList {margin:15px 15px 0; display:block}
.menuList li {width:30%; display:block; float:left; position:relative; margin-right:5%; box-sizing:border-box}
.menuList li:last-child {margin-right:0}
.menuList li a.con {display:block; width:100%; height:32px; padding-top:55px; text-align:center; color:#fff; font-size:14px; line-height:20px; position:relative; text-decoration:none}
.menuList li a.con.hover {box-shadow:inset 0 0 35px rgba(0,0,0,.5)}
.menuList li a.con:before {display:block; content:""; width:87px; height:87px; background-size:auto 87px; background-repeat:no-repeat; background-image:url(img/menu.png); position:absolute; left:50%; margin-left:-44px; margin-top:-44px; top:50%}
.menuIndex .menuList li a.con {background-color:#3c3c3c; border:1px solid #505050}
.menuList .menu1 a.con:before {background-position:0 0}
.menuList .menu2 a.con:before {background-position:-87px 0}
.menuList .menu3 a.con:before {background-position:-173px 0}
.menuList .menu4 a.con:before {background-position:-260px 0}
.menuList .menu5 a.con:before {background-position:-346px 0}
.menuList .menu6 a.con:before {background-position:-433px 0}
.menuList li.multiA div {position:absolute; background:#00b2da; padding:0 10px; color:#fff; bottom:105px}
.menuList li.multiA div a {display:block; color:#fff; text-decoration:none; white-space:nowrap; border-top:#fff 1px solid; border-bottom:#fff 1px solid; margin-bottom:-1px; line-height:2.5em}
.menuList li.multiA div a:first-child {border-top:none}
.menuList li.multiA div a:last-child {border-bottom:none}
.menuList li.multiA:after {content:''; border:transparent 8px solid; border-top-color:#00b2da; position:absolute; left:50%; bottom:89px; margin-left:-8px}
.menuList li a.none {opacity:0.3; pointer-events:none}
.callPhone {display:block; margin:15px; background:#0074c0; line-height:40px; height:40px; padding:0; text-align:center; color:#fff; font-size:16px; text-decoration:none}
.callPhone.hover {box-shadow:inset 1px 1px 3px rgba(0,0,0,.4); line-height:42px;}
.callPhone:before {display:inline-block; content:""; background:url(img/phoneIcon.png) center no-repeat; width:14px; height:21px; background-size:auto 21px; margin-bottom:-5px; margin-right:5px}

/*最新资讯*/
.recentNews #content {padding-top:85px}
.recentNews section {z-index:5; position:relative; padding:15px}
.recentNews section h2 {font-size:20px; margin-top:5px; line-height:1.2; text-align:center; color:#fff}
.recentNews section h2 span {display:block; font-size:16px}
.recentNews .menuList {margin-top:15px}
.recentNews .menuList li a.con {border:1px solid #fff}
.recentNews .callPhone {margin:15px 0 0}
.recentNews .recentNewsList {margin-top:33px}
.recentNews .recentNewsList h2 {font-size:14px; color:#00b2da; line-height:30px; text-align:left; margin:0; position:relative; display:block}
.recentNews .recentNewsList h2 .moreNews {width:68px; height:24px; line-height:24px; background:rgba(255,255,255,.2); text-align:center; position:absolute; right:0; bottom:0; font-weight:normal; font-size:12px; margin:0; padding:0}
.recentNews .recentNewsList h2 .moreNews:before {display:none}
.recentNews .recentNewsList a {display:block; position:relative; text-decoration:none; color:#fff; width:100%; padding:0 20px; margin-left:-20px; padding-bottom:10px}
.recentNews .recentNewsList a:before {width:100%; height:1px; background:rgba(255,255,255,.2); transform:scaleY(.5); display:block; content:""; margin-bottom:10px}
.recentNews .recentNewsList h3 {margin-bottom:10px; font-size:16px; display:block}
.recentNews .recentNewsList h3:after {display:inline-block; width:17px; height:26px; background:url(img/arrowR.png) center no-repeat; background-size:17px auto; content:""; margin-left:10px; margin-bottom:-7px}
.recentNews .recentNewsList p {margin-bottom:10px}
.recentNews .recentNewsList span {display:inline-block; font-size:12px; line-height:14px; height:14px}
.recentNews .recentNewsList span.from {padding-right:20px; position:relative}
.recentNews .recentNewsList span.from:before {content:""; display:block; width:1px; height:14px; position:absolute; top:0; right:10px; background:#fff; transform:scaleX(0.5)}
.subscription {display:block; text-align:center; line-height:40px; background:rgba(255,255,255,.2); font-size:16px; color:#fff; text-decoration:none; margin-top:10px}
.subscription.hover {background:rgba(255,255,255,.3); box-shadow:inset 1px 1px 10px rgba(0,0,0,.5)}

.related {z-index:9; position:fixed; top:100%; width:100%; -webkit-transition:all .5s ease-out; transition:all .5s ease-out}
.related h3 {margin-left:15px; display:block; font-size:14px; line-height:30px; height:30px; background:#0074c0; color:#fff; padding-left:8px; position:relative; margin-bottom:-18px}
.related h3:before {display:block; content:""; width:0; height:0; border:6px solid; border-color:transparent; border-right-color:#003b94; border-bottom-color:#003b94; position:absolute; left:-12px; top:0}
.related h3 a {display:block; width:30px; height:30px; background:url(img/arrowDW.png) no-repeat center; background-size:30px 30px; position:absolute; top:0; right:15px}
.related div {background:#f5f5f5; padding:18px 15px 0; border-collapse:collapse; vertical-align:central}
.related div a {padding:7px 0; text-decoration:none; display:block; position:relative; min-height:40px}
.related div a:before {content:''; position:absolute; top:0; left:0; width:100%; background:#ccc; height:1px; transform:scaleY(.5); -webkit-transform:scaleY(.5)}
.related div a:first-child:before {content:normal}
.related div a img {display:block; width:60px; height:40px; border:none; margin-bottom:-40px}
.related p {font-size:14px; color:#2a2a2a; padding-right:40px; width:100%; box-sizing:border-box; margin-bottom:0; line-height:18px}
.related .project p {padding-left:65px}
.related div a span {display:block; background:#c8c8c8; width:34px; line-height:17px; height:17px; text-align:center; color:#fff; font-size:12px; margin-left:5px; position:absolute; right:0; top:50%; margin-top:-8px}

.related1 {margin-top:-84px}
.related2 {bottom:-102px}
 
/*项目*/ 
.projectList header {background:#2A2A2A}
.projectList #content {background:url(img/bg/bg1.png); min-height:100%; box-sizing:border-box}
.projectList #content ul {padding-top:50px}
.projectList #content li {position:relative}
.projectList #content li img {width:100%; display:block}
.projectList #content li div {padding:10px 15px; box-sizing:border-box; position:absolute; bottom:0; left:0; background:rgba(00,116,192,.8); width:100%}
.projectList #content a {text-decoration:none; display:block}
.projectList #content a h2 {display:block; font-size:14px; height:16px; line-height:16px; padding:0 5px; color:#fff}
.projectList #content a p {font-size:12px; line-height:16px; color:#fff}
.projectSearch {position:fixed; top:50px; width:100%; height:30px; line-height:30px; color:#fff; z-index:10; text-align:center; background-color:rgba(0,0,0,.5); display:block}
.projectSearch i {display:inline-block; vertical-align:middle; width:24px; height:24px; margin-left:4px; background:url(img/search2.png) center no-repeat; background-size:cover}



/*菜单*/
.menuBox {background:rgba(20,20,20,.95); position:fixed; top:50px; left:0; z-index:99; padding:30px 10px 10px; width:100%; box-sizing:border-box}
.menuBox .num {position:absolute; z-index:99; left:50%; top:10px; margin-left:-21px}
.menuBox .num li {width:8px; height:8px; border-radius:4px; background:#fff; opacity:.5; float:left; margin-left:8px}
.menuBox .num li:after {display:none}
.menuBox .num li.now {opacity:1}
.menuBox a {width:50%; float:left; position:relative; text-align:center; color:#fff; text-decoration:none; height:110px; line-height:170px; background-position:center; background-repeat:no-repeat; box-sizing:border-box; overflow:hidden; border:#666 0 solid; border-collapse:collapse}
.menuBox a:before {content:''; position:absolute; left:50%; top:16px; margin-left:-25px; width:50px; height:50px; background:url(img/topMenu.png) no-repeat; background-size:auto 50px}
/*.menuBox a.menub1,.menuBox a.menub5 {border-right:1px solid #646464; border-bottom:1px solid #646464}
.menuBox a.menub2,.menuBox a.menub6 {border-bottom:1px solid #646464}
.menuBox a.menub3,.menuBox a.menub7 {border-right:1px solid #646464}*/
.menuBox li a:nth-child(1) {border-width:0 1px 1px 0}
.menuBox li a:nth-child(2) {border-bottom-width:1px}
.menuBox li a:nth-child(3) {border-right-width:1px}
.menuBox a.menub1:before {background-position:0 0}
.menuBox a.menub2:before {background-position:-50px 0}
.menuBox a.menub3:before {background-position:-100px 0}
.menuBox a.menub4:before {background-position:-150px 0}
.menuBox a.menub5:before {background-position:-200px 0}
.menuBox a.menub6:before {background-position:-250px 0}
.menuBox a.menub7:before {background-position:-300px 0}
.menuBox a.menub8:before {background-position:-350px 0}
.menuBox a.menub9:before {background-position:-400px 0}
.menuBox .swipe-wrap {overflow:hidden; position:relative; height:100%}
.menuBox .swipe-wrap > li {float:left; width:100%; height:100%; position:relative; background-size:cover; background-repeat:no-repeat}

/*注册登录*/
header .key {display:block; width:20px; height:20px; background:url(img/keyIcon.png) center no-repeat; background-size:20px 20px; position:absolute; top:0; right:0; padding:15px}
.login,.register,.myVanke,.myAccount {background:url(img/bg/bg1.png) !important}
.login #content,.register #content {padding-top:50px}
.login #content h2,.register #content h2,.myVanke #content h2 {font-size:20px; text-align:center; color:#fff; margin:20px 0}
.inputP {display:block; margin:0 15px; border:1px solid #282828; border-bottom-color:#464646; border-right-color:#464646; background:#3c3c3c}
.inputP input {display:block; margin:0; width:100%; font-size:14px; color:#AAA; box-sizing:border-box; padding:10px 13px; line-height:20px; background:none; border:none}
.inputP input:focus {box-shadow:none; outline:none}
.btnBlue {display:block; margin:15px; font-size:16px; color:#fff; line-height:40px; padding:0; text-decoration:none; text-align:center; background:#0074c0}
.login .cf {margin:0 15px; padding-top:10px}
.login .findKey {float:left; color:#8c8c8c; font-size:16px; display:block}
.login .registerA {float:right; color:#fff; font-size:16px; display:block}

.register .inputP {margin:0 15px 10px}
.register .selectBox {position:relative}
.register .selectBox i {width:10px; height:15px; position:absolute; background:url(img/selectArrow.png) center no-repeat; background-size:10px 15px; display:block; top:12px; right:10px}
.register .selectBox .ui-select {display:block; background:none; border:none; border-radius:0; width:100%; padding:0; margin:0}
.register .selectBox select {color:#aaa; font-size:14px; height:40px; display:block; border:none; background:none; margin:0; padding:0 10px; box-sizing:border-box; width:100%; -webkit-appearance:none; appearance:none}
.register .selectBox select:focus {box-shadow:none; outline:none}
.register .selectBox .ui-select .ui-corner-all {padding:10px 13px}
.register .selectBox .ui-select .ui-corner-all span {text-align:left; font-size:14px; line-height:20px; color:#AAA}
.register .ps {font-size:12px; color:#8c8c8c; margin:0 15px}
.register .ps i {display:inline-block; width:12px; height:12px; background:url(img/psIcon.png) no-repeat center; background-size:12px 12px; margin-right:3px; margin-bottom:-2px}
.register .line {margin:10px 15px; width:auto}
.sendMail {position:relative}
.sendMail input {margin-right:116px}
.sendMail a {position:absolute; top:0; right:0; display:block; width:115px; background:#00b2da; text-align:center; line-height:40px; color:#fff; text-decoration:none; font-size:16px}
.sendMail a.again {font-size:12px}
.sendMailPs {margin:0 15px; position:relative; height:18px}
.sendMailPs .line {width:100%; top:9px; position:absolute; left:0; margin:0}
.sendMailPs span {line-height:18px; font-size:12px; color:#e33928; display:block; position:absolute; left:50%; margin-left:-50px; padding:0 15px; background:url(img/bg/bg1.png); z-index:9; text-shadow:0 0 1px rgba(0,0,0,.5)}
.sendMailPs span i {display:inline-block; width:12px; height:12px; background:url(img/redPsIcon.png) no-repeat center; background-size:12px 12px; margin-right:3px; margin-bottom:-2px}

/*我的万科*/
.myVanke #content {padding:50px 0}
.myVanke #content .line {margin:0 15px; width:auto}
.myVanke #content a {display:block; position:relative; line-height:45px; color:#fff; text-decoration:none; font-size:16px; box-sizing:border-box; padding:0 15px 0 50px}
.myVanke #content a:before {display:block; content:""; position:absolute; left:15px; top:10px; width:25px; height:25px; background:url(img/myVanke.png) no-repeat; background-size:175px 25px}
.myVanke #content a.myVankeList1:before {background-position:0 0}
.myVanke #content a.myVankeList2:before {background-position:-25px 0}
.myVanke #content a.myVankeList3:before {background-position:-50px 0}
.myVanke #content a.myVankeList4:before {background-position:-75px 0}
.myVanke #content a.myVankeList5:before {background-position:-100px 0}
.myVanke #content a.myVankeList6:before {background-position:-125px 0}
.myVanke #content a.myVankeList7:before {background-position:-150px 0}

/*我的账户*/
.myAccount #content {padding:50px 15px 0}
.myAccount #content .line {margin:0}
.myAccount #content h2 {font-size:20px; text-align:center; color:#fff; margin:20px 0 10px}
.myAccount #content h3 {color:#00b2da; font-size:16px; line-height:20px; border-bottom:1px solid #00b2da; display:block; padding-bottom:5px; text-shadow:0 0 1px rgba(0,0,0,.5)}
.myAccount #content span {display:block; line-height:18px; margin-bottom:-45px; font-size:14px; color:#8c8c8c; padding:14px 0 13px}
.myAccount #content p {line-height:18px; color:#fff; font-size:14px; padding:14px 0 13px 65px}
.myAccount #content .redPs {padding-left:65px; line-height:45px; color:#e33928; font-size:12px; text-shadow:0 0 1px rgba(0,0,0,.5)}
.myAccount #content .redPs i {display:inline-block; width:12px; height:12px; background:url(img/redPsIcon.png) no-repeat center; background-size:12px 12px; margin-right:3px; margin-bottom:-2px}
.myAccount #content .redPs .line {height:0; border-bottom:1px dashed #fff; border-top:1px dashed #c8c8c8; opacity:.2}
.myAccount .mail {position:relative; padding-right:45px}
.myAccount .mail a {position:absolute; top:50%; right:0; margin-top:-23px; background:url(img/editMail.png) no-repeat right; background-size:16px 16px; width:16px; height:16px; padding:15px 15px 14px}
.myAccount .btnBlue {margin:15px 0}
.pswManage #content h3 {margin-bottom:15px}
.pswManage #content p {padding:0 0 0 65px; margin-bottom:10px}
.myAccount input {display:block; border:1px solid #282828; border-bottom-color:#464646; border-right-color:#464646; background:#3c3c3c; width:100%; padding:10px 13px; line-height:20px; font-size:14px; color:#AAA; box-sizing:border-box; margin:0}
.pswManage #content .line {margin-top:15px}

.changeEmail2 #content {position:relative}
.changeEmail2 #content .complete {position:absolute; top:50%; left:0; padding:0 15px; margin-top:-50px; width:100%; box-sizing:border-box}
.changeEmail2 #content .complete p {font-size:12px; line-height:16px; padding:0 15px; margin:0; text-align:center}

.recommend #content {background:url(img/bg/bg1.png)}
.recommend #content {padding:50px 15px 0}
.recommend #content h2 {font-size:20px; text-align:center; color:#fff; margin:20px 0 10px}
.recommend #content h3 {color:#00b2da; font-size:16px; line-height:20px; border-bottom:1px solid #00b2da; display:block; padding-bottom:5px; text-shadow:0 0 1px rgba(0,0,0,.5)}
.recommend .recommendList {padding-bottom:60px}
.recommend .recommendList li {display:block; padding:15px 0 0}
.recommend .recommendList li img {display:block; float:left; width:48%}
.recommend .recommendList li h4,.recommend .recommendList li p,.recommend .recommendList li a {display:block; float:right; width:48%}
.recommend .recommendList li h4 {color:#00b2da; font-size:16px; line-height:19px; margin-bottom:4px}
.recommend .recommendList li p {color:#8c8c8c; font-size:12px; line-height:16px}
.recommend .recommendList li a {background:#00b2da; line-height:25px; padding-left:30px; box-sizing:border-box; font-size:12px; color:#fff; text-decoration:none; height:25px; overflow:hidden; position:relative; margin-top:10px}
.recommend .recommendList li a:before {display:block; content:""; position:absolute; width:25px; height:25px; top:0; left:0; background:url(img/crossIcon.png) center no-repeat #0074c0; background-size:10px auto}
.recommend #content .recommendList li .line {margin:15px 0 0; float:left; width:100%}

.footBar {display:block; position:fixed; bottom:0; left:0; width:100%}
.footBar li {display:block; float:left}
.footBar.footBar2 li {width:50%}
.footBar.footBar3 li {width:33%}
.footBar.footBar3 li:first-child {width:33.34%}
.footBar li a {display:block; line-height:44px; background:rgba(42,42,42,.6); text-align:center; color:#fff; text-decoration:none; font-size:14px; border-top:1px solid #666; border-right:1px solid #666}
.footBar li:last-child a {border-right:none}
.footBar li a.curr {border-color:#127e9d; background:url(img/myAccontListBG.png); background-size:100% 100%}


.recommend .recommendListnews li h4,.recommend .recommendListnews li p {display:block; float:right; width:48%}
.recommend .recommendListnews li h4 {color:#00b2da; font-size:16px; line-height:19px; margin-bottom:4px}
.recommend .recommendListnews li p {color:#8c8c8c; font-size:12px; line-height:16px}
.recommend .newsContentList {padding-bottom:60px}
.recommend .newsContentList a {padding:15px 0 0; position:relative; display:block; min-height:60px; text-decoration:none}
.recommend .newsContentList a img {display:block; width:90px; height:60px; margin-bottom:-60px}
.recommend .newsContentList a div {padding-left:100px; margin-bottom:5px}
.recommend .newsContentList a div span {display:inline-block; position:relative; padding-left:14px !important; width:auto; font-size:12px; line-height:12px; color:#aedef7}
.recommend .newsContentList a div span:before {position:absolute; display:block; content:""; width:1px; height:12px; left:6px; top:0; border-left:1px solid #3c3c3c; background:rgba(255,255,255,.3); transform:scaleX(.5); -webkit-transform:scaleX(.5)}
.recommend .newsContentList a h4 {color:#fff; font-size:12px; line-height:12px; display:inline; width:auto; position:relative}
.recommend .newsContentList a p {color:#00b2da; padding-left:100px; margin-bottom:10px; font-size:14px; line-height:16px; font-weight:bold}
.recommend .newsContentList a p+span {padding-left:100px}
.recommend .newsContentList a span {display:inline-block; font-size:12px; line-height:14px; height:14px; color:#8c8c8c; font-size:11px; position:relative}
.recommend .newsContentList a span.from {padding-left:100px}
.recommend .newsContentList a span.from+span {padding-left:12px}
.recommend .newsContentList a span.from+span:before {content:""; display:block; width:1px; height:12px; position:absolute; top:1px; left:4px; border-left:1px solid #3c3c3c; background:rgba(255,255,255,.3); transform:scaleX(.5)}
.recommend .newsContentList a:after {content:""; display:block; width:100%; height:1px; border-top:1px solid #3c3c3c; background:rgba(255,255,255,.2); transform:scaleY(.5); margin-top:10px}


/*用户产品意向*/
.userIntent #content {background:url(img/bg/bg1.png); padding:50px 15px 50px}
.userIntent #content h2 {font-size:20px; text-align:center; color:#fff; margin:20px 0 10px}
.userIntent #content span.intentCheckbox {color:#fff; line-height:19px; display:block; cursor:pointer}
.userIntent #content span.intentCheckbox input {display:none}
.userIntent #content span.intentCheckbox i {display:inline-block; width:12px; height:12px; background-color:#3C3C3C; border:1px solid #282828; border-right-color:#464646; border-bottom-color:#464646; margin-right:7px; margin-bottom:-1px}
.userIntent #content span.intentCheckbox i.checked {background:url(img/nike.png) center no-repeat; background-color:#00B2DA; border-color:#003a46; border-right-color:#0094b5; border-bottom-color:#0094b5; background-size:10px auto}
.userIntent #content .choiceLease span {position:absolute; left:50%; margin-left:-50px; padding:0 15px; background:url(img/bg/bg1.png); z-index:9; font-size:16px;}
.userIntent #content h3 {color:#00b2da; font-size:16px; line-height:20px; border-bottom:1px solid #00b2da; display:block; padding-bottom:5px; text-shadow:0 0 1px rgba(0,0,0,.5); margin-top:20px}
.intentChoiceList {display:block; position:relative}
.intentChoiceList:before {position:absolute; display:block; content:""; width:1px; height:12px; left:50%; top:15px; border-left:1px solid #3c3c3c; background:rgba(255,255,255,.3); transform:scaleX(.5); -webkit-transform:scaleX(.5)}
.intentChoiceList span.intentCheckbox {width:50%; float:left; padding:13px 0 13px; font-size:14px}
.intentChoiceList span.intentCheckbox:last-child {padding-left:15px; box-sizing:border-box}
.userIntent #content .line {margin:0}
.userIntent #content .textInput {display:block; margin:15px 0; border:1px solid #282828; border-bottom-color:#464646; border-right-color:#464646; background:#3c3c3c; width:100%; font-size:14px; color:#fff; box-sizing:border-box; padding:10px 13px; line-height:20px}
.userIntent #content .textInput:focus {box-shadow:none; outline:none}
.btnBox {padding:15px 0}
.btnBox .btnBlue {width:70%; float:left; margin:0}
.btnBox .btnGrey {width:25%; float:right; margin:0}
.btnGrey {display:block; text-align:center; line-height:40px; color:#fff; font-size:16px; text-decoration:none; background:#8c8c8c}

/*产品搜索*/
.closedDiv div,.closedDiv hr,.closedDiv input {display:none !important}
.closedDiv h3 {position:relative}
.closedDiv h3:before {position:absolute; height:12px; width:12px; display:block; content:""; background:url(img/crossBlue.png) no-repeat center; background-size:12px 12px; right:0; top:3px}


/*产品推荐*/
.line2 {margin:15px 0 0 !important}
.recommend2 #content {padding-bottom:15px}
.recommend2 .recommendList2 {padding-bottom:15px}
.recommendList2 .tagBox {width:100%; float:left; padding:10px 0 0; float:left; margin-bottom:-5px}
.recommend .recommendList2 li a.open:before {background-image:url(img/crossOpen.png)}
.recommendList2 .tagBox span {border:1px solid #282828; border-bottom-color:#464646; border-right-color:#464646; background:#3c3c3c; display:inline-block; margin-right:5px; padding:0 5px; color:#8c8c8c; line-height:20px; text-shadow:-1px -1px 0 #282828; margin-bottom:5px; float:left}
.recommend2 .btnBlue {margin:0}

/*分割线*/
.line {height:1px; display:block; width:100%; background:#fff; border-top:1px solid #c8c8c8; transform:scaleY(0.5)}

/*注册页弹出框*/
.popReg {position:fixed; left:0; top:50px; z-index:10; width:100%; height:100%; text-align:center; background:rgba(0,0,0,.6); color:#fff}
.popReg p {font-size:16px; text-align:center; font-weight:bold; line-height:1.5em; margin-bottom:15px}
.popReg .btnBlue {width:60%; margin-top:0}
.popReg a {color:#fff; float:left; display:block; text-align:center; width:20%; line-height:40px; height:40px}

/*点击效果*/
.return.hover,.changeList.hover,.progressText .close.hover,.progressImage .close.hover,.menuBox a.con.hover,.projectList #content a.hover,.recentNews .menuList li a.con.hover,.newsList1 li section a.hover {background-color:rgba(0,0,0,.6)}
.progressBox a.hover,.related h3 a.hover,.recentNews .recentNewsList a.hover {background-color:rgba(0,0,0,.3)}
.newsList2 .newsContentList a.hover {background-color:rgba(0,0,0,.5)}
.progressBox .fl .imageIcon:before {width:17px; height:12px; background-size:contain; margin-right:7px}
.progressBox .fr .textIcon:after {width:12px; height:17px; background-size:contain; margin-left:7px}
header .key.hover {background-color:rgba(0,0,0,.1)}
.btnBlue.hover {background:#0064b0}
.btnGrey.hover {background:#888}
.sendMail a.hover {background:#00a2ca}
.myVanke #content a.hover {background-color:rgba(0,0,0,.1)}
.footBar li a.hover {background:rgba(42,42,42,.8)}
.footBar li a.curr.hover {background:#0074c0}
.recommendList li a.hover {background:#00c2ea}


/*webkit渐变动画*/
.delivery .choiceList em,.delivery .choiceList .choice {-webkit-transition:all .3s ease-out; transition:all .3s ease-out}
.btn, .menuList a {-webkit-transition:all .1s ease-out; transition:all .1s ease-out}
header,.return,.changeList,.newsList2 .newsContentList a,.searchDetail .lookAll,.progressText .close,.progressImage .close,.menuList li a,.progressBox a,.newsList1 li section a,.menuList li a,.recentNews .recentNewsList a,.subscription,.menuBox a,.projectList #content a {-webkit-transition:all .2s ease-out; transition:all .2s ease-out}

/*iphone4*/
@media screen and (max-height:480px) {
}

/*横屏*/
@media screen and (orientation:landscape) and (min-width:480px) and (max-width:960px) {
html,body,body:before,body:after {height:100%; width:100%; overflow:hidden!important}
body:before,body:after {content:''; position:absolute; left:0; top:0}
body:before {z-index:998; background:#fff url(img/logoBg.jpg) center no-repeat; background-size:120%}
body:after {z-index:999; background:url(img/Warning.png) center no-repeat; background-size:220px}
}